vue 快速配置路由动画和缓存

在使用 vue 路由动画和缓存时，遇到了一些问题，比如：

在这里把自己能想到的做一个总结。

以下的内容已经写成了一个插件，方便快速配置，并增加了判断前进后退的方法，github 地址：

vue-router-cache-animate

当路由切换时，动画的实质是在router-view渲染的节点（curNode)后面添加个下一个路由的节点(nextNode)。

curNode 执行离开动画，nextNode 执行进入动画。由于 curNode 和 nextNode 是兄弟节点，如果要实现右进左出的话，需要添加absolute定位。

元素右超出视窗会使页面出现横向滚动条，所以需要为父元素添加 overflow:hidden。

当然也可以使用 fixed 定位，不会出现滚动条。

根据路由信息动态设置动画效果，比如从a路由到b路由使用左滑效果，从b路由返回a路由使用右滑效果。